export const naiveUiComponents = [
    {
        id: '1',
        component: 'n-button',
        type: 'Button',
        label: '按钮',
        props: {
            type: {
                defaultValue: 'primary', // 默认值
                description: '按钮类型', // 中文描述
                type: 'string', // 值类型
                options: ['default', 'primary', 'success', 'warning', 'error'], // 可选项
            },
            size: {
                defaultValue: 'large',
                description: '按钮大小',
                type: 'string',
                options: ['small', 'medium', 'large'],
            },
        },
        content: 'Default',
        events: {
            click: (e) => {
                console.log('按钮点击')
            },
        },
        style: {
            width: '100px',
            height: '40px',
            top: '50px',
            left: '100px',
            position: 'absolute',
        },
    },
    {
        id: '2',
        component: 'n-input',
        type: 'Input',
        label: '输入框',
        props: {
            placeholder: {
                defaultValue: '请输入内容',
                description: '占位文本',
                type: 'string',
            },
            value: {
                defaultValue: '',
                description: '输入框内容',
                type: 'string',
            },
            disabled: {
                defaultValue: false,
                description: '禁用状态',
                type: 'boolean',
            },
        },
        events: {
            input: (value: string) => console.log('输入内容:', value),
        },
        style: {
            width: '300px',
            height: '40px',
            top: '150px',
            left: '100px',
            position: 'absolute',
        },
    },
    {
        id: '3',
        component: 'n-select',
        type: 'Select',
        label: '下拉框',
        props: {
            options: {
                defaultValue: [
                    { label: '选项1', value: '1' },
                    { label: '选项2', value: '2' },
                ],
                description: '下拉选项',
                type: 'array',
            },
            placeholder: {
                defaultValue: '请选择',
                description: '占位文本',
                type: 'string',
            },
            value: {
                defaultValue: '',
                description: '当前选中的值',
                type: 'string',
            },
        },
        events: {
            onUpdateValue: (value: string) => console.log('选择了:', value),
        },
        style: {
            width: '200px',
            height: '40px',
            top: '250px',
            left: '100px',
            position: 'absolute',
        },
    },
    {
        id: '4',
        component: 'n-switch',
        type: 'Switch',
        label: '开关',
        props: {
            value: {
                defaultValue: false,
                description: '开关状态',
                type: 'boolean',
            },
            disabled: {
                defaultValue: false,
                description: '禁用状态',
                type: 'boolean',
            },
        },
        events: {
            updateValue: (value: boolean) => console.log('开关状态:', value),
        },
        style: {
            width: '60px',
            height: '30px',
            top: '350px',
            left: '100px',
            position: 'absolute',
        },
    },
    {
        id: '5',
        component: 'n-date-picker',
        type: 'DatePicker',
        label: '日期选择器',
        props: {
            type: {
                defaultValue: 'date',
                description: '日期选择器类型',
                type: 'string',
                options: ['date', 'datetime', 'month', 'year'],
            },
            placeholder: {
                defaultValue: '选择日期',
                description: '占位文本',
                type: 'string',
            },
            value: {
                defaultValue: '',
                description: '当前选中的日期',
                type: 'string',
            },
        },
        events: {
            change: (value: string) => console.log('选择的日期:', value),
        },
        style: {
            width: '250px',
            height: '40px',
            top: '450px',
            left: '100px',
            position: 'absolute',
        },
    },
];
